<template>
    <div class="fullScreen">
        <m-header :msg="'银行卡'"></m-header>
        <div class="he-fv bg-c-wh tx-s-14 tx-c-222">
            <div class="flex-box line-box">
                <div class="title">取款限额：</div>
                <div class="flex-f1 bor-b-g">{{ bfUserInfo.minDrawVal }}-{{ bfUserInfo.maxDrawVal }}元</div>
            </div>
            <div class="flex-box line-box">
                <div class="title">银行卡户主：</div>
                <div class="flex-f1 bor-b-g">{{ bfUserInfo.payeeName }}</div>
            </div>
            <div class="flex-box line-box">
                <div class="title">银行卡：</div>
                <div class="flex-f1 bor-b-g">{{ bfUserInfo.bankCard }}</div>
            </div>
            <!-- 友情提示 -->
            <div class="marg-1">
                <div class="flex-box flex-ac">
                    <div class="icon_warning"></div>
                    <div class="tx-c-o tx-s-14">&nbsp;&nbsp;友情提示</div>
                </div>
                <div class="tx-c-666 tx-s-12 line-h">1: 银行账户持有人姓名必须与注册时输入的姓名一致，否则无法申请提款。
                    <br/>2: 每位客户只可以使用一张银行卡进行提款，如需要更换银行卡请联系在线客服进行咨询，否则提款将被拒绝。
                </div>
            </div> 
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
import { mapGetters } from 'vuex'
import MHeader from '../../components/m-header'
export default {
    data () {
        return { 
        }
    }, 
    components: {
        MHeader
    },
    computed: {
        ...mapGetters([
            'bfUserInfo'
        ])
    }
}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
    .line-box
        padding: .5rem 1rem
        line-height: 2rem
    .title
        width: 6rem
        text-align: right
        padding-right: .5rem
    .line-h
        line-height : 1.125rem
        margin-top : .75rem
</style>

